<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/No.1.css" />
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
				font-family: "微软雅黑";
			}
		</style>
	</head>
	<body>
		<div id="box">
			<ul id="uls">
				<li  class="lis"></li>
				<li  ></li>
				<li  ></li>
				<li  ></li>
			</ul>
		<div  class="boxs"style="background:url(img/03993_nebulacity_1920x1200.jpg) no-repeat;background-size:cover;">
				<div id="box1">
					<p id="sp1">
						    <div id="ysh">
						    	<p>欢迎—— </p><p id="youshang4"></p>
						    </div>
							<a href="text" id="a1">关于我们</a>
					        <button id="btn">注册</button>
					<img id="img1" src="img/Postmates (2).png"/>
				</p>
				<p id="p1">探险家-与世界分享你的历程</p>
		 <div id="boxsss">
			<div id="boxsss2">
				<p id="p2">
				<input type="text" name="username" class="inp" id="inp1" placeholder="手机号或邮箱" />
				<input type="password" name="pass" class="inp" id="inp2" placeholder="请输入密码" />
				<input type="checkbox" name="a" id="c" value="" /><a id="p3">记住我</a>
				<a id="a2" href="text">忘记密码？</a>
				<button id="btn2">登录<p id="pimg"><img id="p2img" src="img/right-rmg.png"/></p></button>
				</p>
				<div id="p2b">
				<input type="text" name="username" class="inp" id="inp1b" placeholder="请设置用户名" />
				<input type="password" name="pass" class="inp" id="inp2b" placeholder="请设置密码" />
				<button id="btn2b">注册</button>
			   </div>
			</div>
		</div>
				<p id="p4">
					<a id="a3" href="text">「探险家」是一个基于梦想的经验交流社区。</a>
					<a id="a3" href="text">在这里，你可以自由的分享关于未来梦想的真实想法，</a>
					<a id="a3" href="text">并探索更多有趣的梦想，结交志同道合的人。</a>
				</p>
				<div id="imgbon">
					<img id="img2bon" src="img/bottonsanjiao (1).png"/>
				</div>
				</div>
		</div>
		<div id="box2" class="boxs"style="background: url(img/login_timeline_bg.jpg) no-repeat;background-size:cover">
				
			<div id="boxss">
				 <div class="boxs1"><p class="pvalue" style="background:url(img/img2/00882_kapaluacoastline_1280x800.jpg) no-repeat;background-size:cover;"></p></div>
				 <div class="boxs1"><p class="pvalue" style="background:url(img/img2/00916_meatswine_1280x800.jpg) no-repeat;background-size:cover;"></p></div>
				 <div class="boxs1"><p class="pvalue" style="background:url(img/img2/01244_newcastleridge_1280x800.jpg) no-repeat;background-size:cover;"></p></div>
				 <div class="boxs1"><p class="pvalue" style="background:url(img/img2/01314_theorphans_1280x800.jpg) no-repeat;background-size:cover;"></p></div>
				 <div class="boxs1"><p class="pvalue" style="background:url(img/img2/01322_olddustvwrightfromthe70s_1280x800.jpg) no-repeat;background-size:cover;"></p></div>
				 <div class="boxs1"><p class="pvalue" style="background:url(img/img2/01481_broadway_1280x800.jpg) no-repeat;background-size:cover;"></p></div>
				 <div class="boxs1"><p class="pvalue" style="background:url(img/img2/01814_minimanhattanbridge_1280x800.jpg) no-repeat;background-size:cover;"></p></div>
				 <div class="boxs1"><p class="pvalue" style="background:url(img/img2/01855_historicalcenter_1280x800.jpg) no-repeat;background-size:cover;"></p></div>
				 <div class="boxs1"><p class="pvalue" style="background:url(img/img2/01891_abandonedhope_1280x800.jpg) no-repeat;background-size:cover;"></p></div>
				 <div class="boxs1"><p class="pvalue" style="background:url(img/img2/02029_venetianroads_1280x800.jpg) no-repeat;background-size:cover;"></p></div>
			</div>
				<div id="boxs2">
					<ul id="uls1">
						<li  class="lis2">
							<p class="ps4">17.3.16 - 蓝湖 | 冰岛 <br />
							蓝湖是冰岛最大的温泉,从冰岛首都雷 <br />
							克雅未克市向东南方向驱车1小时左右， <br />
							就可到达冰岛著名的地热温泉——蓝湖。
							</p>
						</li>
						<li class="lis1">
							<p class="ps4">驿站酒吧TheWayStation-纽约州，布鲁克林 <br />
							   这是一家《神秘博士》的主题酒吧，<br />
							   它的洗手间在塔迪斯（TARDIS）里面。<br />
							   店里有无、数《神秘博士》的元素.
							</p>
						</li>
						<li class="lis1">
							<p class="ps4">16 . 8 . 5 - 庐山 <br />
							  庐山的地貌景观较为特殊 是一种 <br />
							  多成因复合地貌景观，依次由断块<br />
							  山构造地貌景观、冰蚀地貌景观、<br />
							  流水地貌景观叠加而成。
							</p>
						</li>
						<li class="lis1">
							<p class="ps4">16.9-加拿大圣彼得堡一处街头<br />
							      世界上的许多国家都有涂鸦艺术 <br />
							   ，在纽约、柏林、伦敦、哥本哈根等 <br />
							   一些大城市，而且逐渐成为一种艺术。 <br />
							</p>
						</li>
						<li class="lis1">
							<p class="ps4">07.11-老家街头的回忆<br />
							 从殷殷学语到长大成人<br />
							   那是我一生中最美好的风景
							</p>
						</li>
						<li class="lis1">
							<p class="ps4">1997.8.英国伦敦<br />
							  伦敦位于英格兰东南部的平原上<br />
							  ，跨泰晤士河。16世纪后，
							  随着大英帝国的快速崛起，
							  伦敦的规模也高速扩大。
							</p>
						<li class="lis1">
							<p class="ps4">16.9-上海
							上海市总面积6340平方公里，
							辖16个市辖区，属亚热带湿润季风气候
							，四季分明，日照充分，雨量充沛
							</p>
						</li>
						<li class="lis1">
							<p class="ps4">15.10-圣托里尼
							圣托里尼是在希腊大陆东南200公里的爱琴海上
							由一群火山组成的岛环，
							圣托里尼岛环上最大的一个岛叫锡拉岛（Thira）。
							</p>
						</li>
						<li class="lis1">
							<p class="ps4">17.6-农场
							《陕北民歌选·十二月唱革命》：“六月里，割麦忙，男男女女上农场
							</p>
						</li>
						<li class="lis1">
							<p class="ps4">15.7-水之城</p>
						</li>
					</ul>
				</div>
				<img id="img1left" src="img/left.png"/>
				<img id="img1right" src="img/right001.png"/>
		</div>
			<div id="box3" class="boxs"style="background: url(img/03201_peggyscovelighthouse_1920x1200.jpg) no-repeat;background-size:cover">
				<p id="p11">探 索 更 多有 趣 的 事 物</p>
				<p id="p12" >发 现 在_____的 探 险 家</p><div id="p13">
					<ul id="ul2">
						<li class="li2">生活</li>
						<li class="li2">旅行</li>
						<li class="li2">学习</li>
						<li class="li2">情感</li>
						<li class="li2">创新</li>
					</ul>
				</div>
			</div>
			<div id="box4" class="boxs"style="background: url(img/ty_login_channel.jpg) no-repeat;background-size:cover">
			   <div id="box41f">
				<div id="box41" >
					<div class="imgx" id="img41" style="background: url(img/46.jpg) no-repeat;background-size:cover;">
						<div class="cfa"><p class="tx1">生活</p><div class="tx2">
							<div class="z1">1699<br />梦想</div>
							<div class="z2">1966<br />动态 <div class="xa"></div></div>
						</div></div>
					</div>
					<div class="imgx" id="img42" style="background: url(img/238.jpg) no-repeat;background-size:cover">
						<div class="cfa"><p class="tx1">健康</p><div class="tx2">
							<div class="z1">1699<br />梦想</div>
							<div class="z2">1966<br />动态 <div class="xa"></div></div>
						</div></div>
					</div>
					<div class="imgx" id="img43" style="background: url(img/176.jpg) no-repeat;background-size:cover">
						<div class="cfa"><p class="tx1">学习</p><div class="tx2">
							<div class="z1">1699<br />梦想</div>
							<div class="z2">1966<br />动态 <div class="xa"></div></div>
						</div></div>
					</div>
					<div class="imgx" id="img44" style="background: url(img/262.jpg) no-repeat;background-size:cover">
						<div class="cfa"><p class="tx1">工作</p><div class="tx2">
							<div class="z1">1699<br />梦想</div>
							<div class="z2">1966<br />动态 <div class="xa"></div></div>
						</div></div>
					</div>
					<div class="imgx" id="img45" style="background: url(img/66.jpg) no-repeat;background-size:cover">
						<div class="cfa"><p class="tx1">情感</p><div class="tx2">
							<div class="z1">1699<br />梦想</div>
							<div class="z2">1966<br />动态 <div class="xa"></div></div>
						</div></div>
					</div>
					<div class="imgx" id="img46" style="background: url(img/52.jpg) no-repeat;background-size:cover">
						<div class="cfa"><p class="tx1">旅行</p><div class="tx2">
							<div class="z1">1699<br />梦想</div>
							<div class="z2">1966<br />动态 <div class="xa"></div></div>
						</div></div>
					</div>
				</div>
			 </div>
		  </div>
		 <div id="box41f2f">
		   <div id="box41f2">
		    <p class="ps1" id="ps1">本人致力于推动网络发展，相关版权合作请联系邮箱xiaolang147258@foxmail.com,以下内容仅供参考---(～￣▽￣)～ </p>
		  	<p class="ps1" id="ps1">信息网络传播视听节目许可证 1910564 增值电信业务经营许可证粤B2-20060339</p>
		  	<p class="ps1" id="ps2">广播电视节目制作经营许可证（粤）字第01270号&nbsp;&nbsp;&nbsp;&nbsp;营业性演出许可证穗天演440106026</p>
		  	<p class="ps1" id="ps3">穗公网监备案证第44010650010167&nbsp;&nbsp;&nbsp;&nbsp;互联网药品信息服务资格证编号（粤）-非经营性-2017-1201注</p>
		   </div>
		 </div>
		</div>
		<script src="JS/jquery-2.1.0.js" type="text/javascript"></script>
		<script type="text/javascript" src="JS/Size-pattern.js"></script>
	</body>
	 
</html>
